<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html class=" -webkit-">

	<head>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<meta charset="utf-8">
		<title>杰利联合</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
		<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
		<meta content="no-cache" http-equiv="pragma">
		<meta content="0" http-equiv="expires">
		<meta content="telephone=no, address=no" name="format-detection">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/jiu/css/mobile_module.css?v=1492676217" media="all">
		<script type="text/javascript">
			//静态变量
			var IMG_PATH = "/Public/Home/images";
			var STATIC_PATH = "/Public/static";
			var SITE_URL = "http://jiujiu.hbweiyinqing.cn";
			var WX_APPID = "";
			var WXJS_TIMESTAMP = '';
			var NONCESTR = '';
			var SIGNATURE = '';
		</script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="http://me.hbweiyinqing.cn/Public/js/zepto.js"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/prefixfree.min.js?v=1492676217"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/dialog.js?v=1492676217"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/flipsnap.min.js?v=1492676217"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/mobile_module.js?v=1492676217"></script>
		<link href="${ctxStatic}/jiu/css/common.css?v=1" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="${ctxStatic}/jiu/css/style.css" />
		<script type="text/javascript" src="${ctxStatic}/jiu/js/tabslider.js"></script>
		<script type="text/javascript" src="${ctxStatic}/jiu/js/zepto.js"></script>
	</head>
		<style>
			.order_list .ping {
				background-color: #F5C928;
			    border: 1px solid #F5C928;
			    position: absolute;
			    right: 100px;
			    bottom: 5px;
			    width: 45px;
			    height: 30px;
			    line-height: 5px;
			    font-size: 14px;
			    color: #4E4C4C;
			}
			
			.info{
			margin-left: 30px;
			}
			span{
			 white-space:pre-wrap;
		     white-space:-moz-pre-wrap;
		     white-space:-o-pre-wrap;
		     word-wrap:break-word;
		    } 
		</style>
	<body class="withFoot">

		<div class="top_tab" style="position: fixed;top: 0;z-index: 2;width: 100%;">
			<img onclick="center()"src="${ctxStatic}/jiu/img/fanhui.png" style="height: 20px;color: white;top:15px;position: absolute;left: 10px;"/>
			<a href="javascript:void(0)" class="" style="color:white;background-color: #30B0F3;">订单列表</a>
		</div>

		<!-- 订单信息 -->
		<div id="wrapper">

			<div id="scroller">
				<div id="tabSlider2" class="tabSlider">
					<div style="position: fixed;top: 50px;z-index: 2;">
						<ul class="tabSlider-hd">
							<li class="curr">未审核</li>
							<li>已取消</li>
							<li>下单成功</li>
							<li>撤销&申请</li>
							<li> 完成</li>
						</ul>
					</div>
					
					<!--未审核-->
						<div class="tabSlider-bd" style="margin-top: 90px;">
							<div class="tabSlider-wrap">
							
								 
										<div class="tabSlider-box curr">
											<div class="order_list">
												<ul>
													<c:if test="${empty jiuOrderList}">
														<div class="empty_container">
															<p>暂时无订单</p >
														</div>
											        </c:if>
													<c:forEach items="${jiuOrderList}" var="jiuOrder">
														<c:if test="${jiuOrder.states  eq 0}">
																<li>
																	<p class="top">
																		<span class="t">订单编号:${jiuOrder.orderNo}</span><br>
																		<span class="c">传图设计师:<span class="blue">${jiuOrder.designName}</span></span>
																		<c:if test="${not empty jiuOrder.detailedList}">
																			<br><span class="c">订单清单:<span class="blue">${jiuOrder.detailedList}</span></span>
																		</c:if>
																	</p>
																	<div class="goods_item">
																		<img src="${ctxUser }/jiu/${jiuOrder.manufactorLogo}">
																		<div class="info">
																			<p class="name">${jiuOrder.manufactorName}</p>
																			<p class="property">
																				<span class="colorless">价格</span>
																				<span class="orange">${jiuOrder.totalPrice}积分</span>
																			</p>
																			<p class="property">
																				<span class="colorless">数量</span>
																				<span>${jiuOrder.orderNum}</span>
																			</p>
																			<p style="margin-top: 3px;">
																			 <span class="colorless"><fmt:formatDate value="${jiuOrder.createTime}" type="both" pattern="yyyy-MM-dd HH:mm" /> </span>														
																			</p >
																		</div>
																		</div>
																		<div style="padding-top: 35px;">
																		<c:choose>
																			    <c:when test="${jiuStore.identity eq 1 || jiuStore.identity eq 3}">
																					<button class="btn yellow_btn"  onclick="goExamine(${jiuOrder.id})" style="right:10px">去审核</button>
																			    </c:when>
																			    <c:when test="${jiuStore.identity eq 2}">
																			       <button class="btn gray_btn" style="right:10px">未审核</button> 
																			    </c:when>
																			    <c:otherwise>
																			    </c:otherwise>
																			</c:choose>
																			
																		</div>
																</li>
			                            				</c:if>
													</c:forEach>
												</ul>
											</div>
										</div>
							
							
							
							<!--已取消-->
						     <div class="tabSlider-box">
							    <div class="order_list">
									<ul>
										<c:if test="${empty jiuOrderList}">
											<div class="empty_container">
												<p>暂时无订单</p >
											</div>
										</c:if>
										<c:forEach items="${jiuOrderList}" var="jiuOrder">
											<c:if test="${jiuOrder.states  eq 1}">
												<li>
														<p class="top">
															<span class="t">订单编号:${jiuOrder.orderNo}</span><br>
															<span class="c">传图设计师:<span class="blue">${jiuOrder.designName}</span></span><br>
															<span class="c">取消人:<span class="blue">${jiuOrder.cancelName}</span></span>
															<c:if test="${not empty jiuOrder.busCancelRemarks}">
																<br><span class="c">取消备注:<span class="blue">${jiuOrder.busCancelRemarks}</span></span>
															</c:if>
															<c:if test="${not empty jiuOrder.detailedList}">
																<br><span class="c">订单清单:<span class="blue">${jiuOrder.detailedList}</span></span>
															</c:if>
														</p>
														<div class="goods_item">
															<img src="${ctxUser }/jiu/${jiuOrder.manufactorLogo}">
															<div class="info">
																<p class="name">${jiuOrder.manufactorName}</p>
																<p class="property">
																	<span class="colorless">价格</span>
																	<span class="orange">${jiuOrder.totalPrice}积分</span>
																</p>
																<p class="property">
																	<span class="colorless">数量</span>
																	<span>${jiuOrder.orderNum}</span>
																</p>
																<p style="margin-top: 3px;">
																	<span class="colorless"><fmt:formatDate value="${jiuOrder.createTime}" type="both" pattern="yyyy-MM-dd HH:mm" /> </span>														
																</p >
																</div>
															</div>
																<div style="padding-top: 35px;">
																<button class="btn gray_btn" style="right:10px">已取消</button> 
																</div>
												</li>
											</c:if>
										</c:forEach>
									</ul>
								</div>
						     </div>
						     
						     		 
							
							<!--下单成功-->
						     <div class="tabSlider-box">
							    <div class="order_list">
									<ul>
										<c:if test="${empty jiuOrderList}">
											<div class="empty_container">
												<p>暂时无订单</p >
											</div>
										</c:if>
										<c:forEach items="${jiuOrderList}" var="jiuOrder">
											<c:if test="${jiuOrder.states  eq 2}">
												<li>
														<p class="top">
															<span class="t">订单编号:${jiuOrder.orderNo}</span><br>
															<span class="c">传图设计师:<span class="blue">${jiuOrder.designName}</span></span><br>
															<span class="c">审核人:<span class="blue">${jiuOrder.confirmName}</span></span>
															<c:if test="${not empty jiuOrder.busConfirmRemarks}">
																<br><span class="c">审核备注:</span><span class="blue">${jiuOrder.busConfirmRemarks}</span>
															</c:if>
															<c:if test="${not empty jiuOrder.detailedList}">
																<br><span class="c">订单清单:</span><span class="blue">${jiuOrder.detailedList}</span>
															</c:if>
														</p>
														<div class="goods_item">
															<img src="${ctxUser }/jiu/${jiuOrder.manufactorLogo}">
															<div class="info">
																<p class="name">${jiuOrder.manufactorName}</p>
																<p class="property">
																	<span class="colorless">价格</span>
																	<span class="orange">${jiuOrder.totalPrice}积分</span>
																</p>
																<p class="property">
																	<span class="colorless">数量</span>
																	<span>${jiuOrder.orderNum}</span>
																</p>
															<p style="margin-top: 3px;">
																	<span class="colorless"><fmt:formatDate value="${jiuOrder.createTime}" type="both" pattern="yyyy-MM-dd HH:mm" /> </span>														
																</p >
																</div>
															</div>
																<div style="padding-top: 35px;">
																<button class="btn yellow_btn" style="right:10px" onclick="goReceipt(${jiuOrder.id})">去收货</button> 
																</div>
												</li>
											</c:if>
										</c:forEach>
									</ul>
								</div>
						     </div>
						     
					
						     <!--厂家已撤销&申请-->
						     <div class="tabSlider-box ">
							    <div class="order_list">
									<ul>
										<c:if test="${empty jiuOrderList}">
											<div class="empty_container">
												<p>暂时无订单</p >
											</div>
										</c:if>
										<c:forEach items="${jiuOrderList}" var="jiuOrder">
											<c:if test="${jiuOrder.states  eq 4 || jiuOrder.states  eq 3}">
												<li>
														<p class="top">
															<span class="t">订单编号:${jiuOrder.orderNo}</span><br>
															<span class="c">传图设计师:<span class="blue">${jiuOrder.designName}</span></span><br>
															<span class="c">审核人:<span class="blue">${jiuOrder.confirmName}</span></span>
															<c:if test="${not empty jiuOrder.busConfirmRemarks}">
																<br><span class="c">审核备注: <span class="blue">${jiuOrder.busConfirmRemarks}</span></span>
															</c:if>
															<c:if test="${not empty jiuOrder.applyName}">
																<br><span class="c">厂家撤销申请人:<span class="blue">${jiuOrder.applyName}</span></span>
															</c:if>
															<c:if test="${not empty jiuOrder.manRevokeName}">
																<br><span class="c">厂家撤销审核人:<span class="blue">${jiuOrder.manRevokeName}</span></span>
															</c:if>
															<c:if test="${not empty jiuOrder.manRevokeRemarks}">
																<br><span class="c">厂家撤销原因:<span class="blue">${jiuOrder.manRevokeRemarks}</span></span>
															</c:if>
															<c:if test="${not empty jiuOrder.detailedList}">
																<br><span class="c">订单清单:<span class="blue">${jiuOrder.detailedList}</span></span>
															</c:if>
														</p>
														<div class="goods_item">
															<img src="${ctxUser }/jiu/${jiuOrder.manufactorLogo}">
															<div class="info">
																<p class="name">${jiuOrder.manufactorName}</p>
																<p class="property">
																	<span class="colorless">价格</span>
																	<span class="orange">${jiuOrder.totalPrice}积分</span>
																</p>
																<p class="property">
																	<span class="colorless">数量</span>
																	<span>${jiuOrder.orderNum}</span>
																</p>
																<span class="colorless"><fmt:formatDate value="${jiuOrder.createTime}" type="both" pattern="yyyy-MM-dd HH:mm:ss" /> </span>													
															</div>
															</div>
															<div style="padding-top: 35px;">
															
																	<c:if	test="${ 1 eq jiuOrder.isEvaluateStore }">
																	<c:if  test="${ jiuOrder.isHasNoRead }">
																			<div style="height:10px;width: 10px;background-color: #C9302C;right: 95px;bottom: 28px;position: absolute;z-index: 1;border-radius: 20px;"></div>
																			<button class="ping" style="" onclick="toEvaluate(${jiuOrder.id})">评价</button> 
																		</c:if>
																		<c:if  test="${ ! jiuOrder.isHasNoRead  }">
																			<button class="ping" style="" onclick="toEvaluate(${jiuOrder.id})">评价</button>
																		</c:if>
																		
																	</c:if>	
																<button class="btn gray_btn" style="right: 10px; width: 80;">${jiuOrder.states  eq 4?'厂家已撤销':'申请撤销中'}</button> 
															</div>
												</li>
											</c:if>
										</c:forEach>
									</ul>
								</div>
						     </div> 
						     
						     <!-- 修改
						                   门店申请撤销|撤销
						       -->
						     <%--  <div class="tabSlider-box ">
							    <div class="order_list">
									<ul>
										<c:if test="${empty jiuOrderList}">
											<div class="empty_container">
												<p>暂时无订单</p >
											</div>
										</c:if>
										<c:forEach items="${jiuOrderList}" var="jiuOrder">
											<c:if test="${jiuOrder.states  eq 1}">
												<li>
														<p class="top">
															<span class="t">订单编号:${jiuOrder.orderNo}</span><br>
															<span class="c">传图设计师:<span class="blue">${jiuOrder.designName}</span></span>
															<span class="c">撤销申请人:<span class="blue">${jiuOrder.cancelName}</span></span><br>
															<span class="c">撤销审核人:<span class="blue">${jiuOrder.manRevokeName == b ? "待审核" : jiuOrder.manRevokeName }</span></span><br>
															<span class="c">撤销原因:<span class="blue">${jiuOrder.manApplyRevokeRemarks == "" ? "未填写"  : jiuOrder.manApplyRevokeRemarks}</span></span>
															<c:if test="${not empty jiuOrder.detailedList}">
																<br><span class="c">订单清单:<span class="blue">${jiuOrder.detailedList}</span></span>
															</c:if>
														</p>
														<div class="goods_item">
															<img src="${ctxUser }/jiu/${jiuOrder.manufactorLogo}">
															<div class="info">
																<p class="name">${jiuOrder.manufactorName}</p>
																<p class="property">
																	<span class="colorless">价格</span>
																	<span class="orange">${jiuOrder.totalPrice}积分</span>
																</p>
																<p class="property">
																	<span class="colorless">数量</span>
																	<span>${jiuOrder.orderNum}</span>
																</p>
																<span class="colorless"><fmt:formatDate value="${jiuOrder.createTime}" type="both" pattern="yyyy-MM-dd HH:mm:ss" /> </span>													
															</div>
															</div>
															<div style="padding-top: 35px;">
															
																	<c:if	test="${ 1 eq jiuOrder.isEvaluateStore }">
																	<c:if  test="${ jiuOrder.isHasNoRead }">
																			<div style="height:10px;width: 10px;background-color: #C9302C;right: 95px;bottom: 28px;position: absolute;z-index: 1;border-radius: 20px;"></div>
																			<button class="ping" style="" onclick="toEvaluate(${jiuOrder.id})">评价</button> 
																		</c:if>
																		<c:if  test="${ ! jiuOrder.isHasNoRead  }">
																			<button class="ping" style="" onclick="toEvaluate(${jiuOrder.id})">评价</button>
																		</c:if>
																		
																	</c:if>	
																<button class="btn yellow_btn" style="right: 10px;" onclick="toApplyRevoke('+n.id+')">申请撤销</button>
																	
																<button class="btn gray_btn" style="right: 10px; width: 80;">${jiuOrder.states  eq 4?'厂家已撤销':'申请撤销中'}</button> 
															</div>
												</li>
											</c:if>
										</c:forEach>
									</ul>
								</div>
						     </div> --%>
						     
						     
						     <!--已完成-->
						     <div class="tabSlider-box ">
							    <div class="order_list">
									<ul>
										<c:if test="${empty jiuOrderList}">
											<div class="empty_container">
												<p>暂时无订单</p >
											</div>
										</c:if>
										<c:forEach items="${jiuOrderList}" var="jiuOrder">
											<c:if test="${jiuOrder.states  eq 5 || jiuOrder.states  eq 6 || jiuOrder.states  eq 7}">
												<li>
														<p class="top">
															<span class="t">订单编号:${jiuOrder.orderNo}</span><br>
															<span class="c">传图设计师:<span class="blue">${jiuOrder.designName}</span></span></br>
															<span class="c">审核人:<span class="blue">${jiuOrder.confirmName}</span></span>
															<c:if test="${not empty jiuOrder.busConfirmRemarks}">
																<br><span class="c">审核备注:<span class="blue">${jiuOrder.busConfirmRemarks}</span></span>
															</c:if>
															</br><span class="c">收货人员:<span class="blue">${jiuOrder.takeName}</span></span>
															<c:if test="${jiuOrder.states  eq 5}">
															<c:if test="${not empty jiuOrder.completeRemarks}">
																<br><span class="c">收货备注信息:<span class="blue">${jiuOrder.completeRemarks}</span></span>
															</c:if>
															</c:if>
															
															<c:if test="${not empty jiuOrder.detailedList}">
																<br><span class="c">订单清单:<span class="blue">${jiuOrder.detailedList}</span></span>
															</c:if>
														</p>
														<div class="goods_item">
															<img src="${ctxUser }/jiu/${jiuOrder.manufactorLogo}">
															<div class="info">
																<p class="name">${jiuOrder.manufactorName}</p>
																<p class="property">
																	<span class="colorless">价格</span>
																	<span class="orange">${jiuOrder.totalPrice}积分</span>
																</p>
																<p class="property">
																	<span class="colorless">数量</span>
																	<span>${jiuOrder.orderNum}</span>
																</p>
																<p style="margin-top: 3px;">
																	<span class="colorless"><fmt:formatDate value="${jiuOrder.createTime}" type="both" pattern="yyyy-MM-dd HH:mm" /> </span>														
																</p >
																</div>
															</div>
																<div style="padding-top: 35px;">
																<div>
																		<c:if  test="${ jiuOrder.isHasNoRead }">
																			<div style="height:10px;width: 10px;background-color: #C9302C;right: 95px;bottom: 28px;position: absolute;z-index: 1;border-radius: 20px;"></div>
																			<button class="ping" style="" onclick="toEvaluate(${jiuOrder.id})">评价</button> 
																		</c:if>
																		<c:if  test="${ ! jiuOrder.isHasNoRead  }">
																			<button class="ping" style="" onclick="toEvaluate(${jiuOrder.id})">评价</button> 
																		</c:if>
																		<c:if test="${not empty jiuOrder.uploadPic }">
																		<button class="btn gray_btn" style="right:165px;width:100px;" onclick="toUploadPicView(${jiuOrder.id})">查看收货凭证</button>
																		</c:if>
																<button class="btn gray_btn" style="right:10px">
															<c:choose>
															    <c:when test="${jiuOrder.states eq 5}">
															      	已完成
															    </c:when>
															    <c:when test="${jiuOrder.states eq 6}">
															      	已结算
															    </c:when>
															    <c:when test="${jiuOrder.states eq 7}">
															      	已反审
															    </c:when>
															    <c:otherwise>
															    </c:otherwise>
															</c:choose>
														</button> 
														</div>
												</li>
											</c:if>
										</c:forEach>
									</ul>
								</div>
						     </div>
					</div>

				</div>
			</div>
		</div>

		</div>

		<script>
			$(function() {

				app.TabSlider('#tabSlider2', {
					type: 'line'
				});

			});
			
			function goReceipt(orderId){
				window.location.href="${ctxFront }/jiu/goReceipt?uid=${uid}&orderId="+orderId;
			}
			function goExamine(orderId){
				window.location.href="${ctxFront }/jiu/goExamine?uid=${uid}&orderId="+orderId;
			}
			function toEvaluate(orderId){
				window.location.href="${ctxFront }/jiu/toEvaluate?uid=${uid}&orderId="+orderId;
			}
			function toAddSubEvaluate(orderId){
				window.location.href="${ctxFront }/jiu/ajaxaddSubEvaluate?uid=${uid}&orderId="+orderId;
			}
			function toUploadPicView(orderId){
				window.location.href="${ctxFront }/jiu/toUploadPicView?uid=${uid}&orderId="+orderId;
			}
			
			
			
			
			
			
			 
		</script>
		<!-- 底部导航 -->
		<%@ include file="/WEB-INF/views/modules/jiuFront/footer.jsp"%>
	</body>

</html>